<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>07_修改对象的属性-原生属性</title>
    </head>
    <body>
        <!-- 大部分情况 我们的dom都是修改的是对象的属性
            修改对象的属性就会将html标签的属性联动修改
        -->

        <button id="btn">修改标签的原生属性</button>

        <a href="http://www.baidu.com" id="a1">尚硅谷</a>

        <img src="./img/2.jpg" id="img">

        <script>
            var btn = document.getElementById('btn');

            btn.onclick = function(){
                var a = document.getElementById('a1');
                a.href = 'http://www.atguigu.com';

                var img = document.getElementById('img');
                img.src = './img/1.jpg';
            }
        </script>
    </body>
</html>